<template>
	<div>
		<div class="recommend-title">
			周末去哪儿
		</div>
		<ul>
			<li 
			class="item border-bottom"
			v-for="item of list"
			:key="item.id"
			>
				<div class="item-wrap-img">
					<img :src="item.imgUrl" class="item-img">
				</div>
				<div class="item-info">
					<p class="item-title">{{item.title}}</p>
					<p class="item-desc">{{item.desc}}</p>
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
export default {
	name : 'weekend',
	props:{
		list:Array
	}
}
</script>

<style lang="stylus" scoped>
	.recommend-title
		line-height .8rem
		text-indent .2rem
		background-color #eee
	.item-wrap-img
		height 0
		padding-bottom 36.8%
		overflow hidden
		.item-img
			width 100%
	.item-info
		padding .2rem
		.item-title
			line-height .54rem
			font-size .32rem
		.item-desc
			line-height .4rem
			color #aaa
</style>